﻿<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <!--<meta name="viewport" content="width=device-width, initial-scale=1.0">-->
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico"/>
  <title>Graceful Web UI Framework</title>
  <link rel="stylesheet" type="text/css" href="css/gui.min.css"/>
  <link rel="stylesheet" type="text/css" href="css/lib/prettify.css">
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>

<div id="top-nav">
  <div class="grid-medium">
    <div class="row-medium">
      <div class="span12-medium">
        <ul class="gui-nav"
            data-option='{"itemHeight":"40px","backgroundColor":"#000000", "itemOverColor":"#000000"}'>
          <li><a href="/" class="active">Home</a></li>
          <li><a href="#">Get started</a></li>
          <li><a href="css.html">CSS</a></li>
          <li><a href="#">Components</a></li>
          <li><a href="#">JavaScript</a></li>
          <li><a href="#">Customize</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div id="project-description">
  <h2>Graceful Web UI</h2>

  <h3 class="centered text-centered" style="width: 805px;">
    Graceful, Cross Browser, Sleek, intuitive, and powerful front-end framework for faster and easier web development.
  </h3>
  <a href="https://github.com/guoyao/gui">GitHub project</a>
  <a href="#">Examples</a>
  <a href="#">Extend</a>
  <span>Version 0.1.0alpha</span>

  <div>
    <iframe src="http://ghbtns.com/github-btn.html?user=guoyao&repo=gui&type=watch&count=true"
            allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
    <iframe src="http://ghbtns.com/github-btn.html?user=guoyao&repo=gui&type=fork&count=true"
            allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
  </div>
</div>

<div class="grid-medium">
  <div class="row-medium">
    <div class="span2-medium">
      <div id="navigator"></div>
    </div>
    <div class="span10-medium">
      <div id="shell"></div>
    </div>
  </div>
</div>

<script type="text/javascript" src="js/lib/require.js" data-main="js/index"></script>
</body>
</html>
